<!DOCTYPE HTML>
<html>
 <head>
  <title> New Document </title>
  <meta charset="UTF-8" />
  <meta name="Generator" content="NPP-Plugin">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript">
	$(document).ready(function(){
	  $("button").on("click",function(){
		$("p").slideToggle();
	  });
	});
  </script>
  <style>
	/* 这里是CSS代码 */
  </style>
 </head>
 <body>
	<p>这是一个段落。</p>
	<button>请点击这里</button>
	 <!--
	 live() bind() delegate()
	 描述：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
	 
		* bind直接把处理程序绑定到各个元素上，但是不能把处理程序绑定到还未存在于页面中的元素之上。
		* live和delegate则是被绑定到另一个祖先节点上，因此其对于任何目前或是将来存在于该祖先元素之内的元素都是有效的。
		* 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。
		* 从jQuery1.7开始，.live()方法已经过时了。请使用.on()附加事件处理程序。
		
		*   $(selector).live(events, data, handler);                // jQuery 1.3+
			$(document).delegate(selector, events, data, handler);  // jQuery 1.4.3+
			$(document).on(events, selector, data, handler);        // jQuery 1.7+
			
		*   旧版本的jQuery中用户，应优先使用.delegate()来取代.live()。-->
		
 </body>
</html>